<template>
	<div class="container">
		<navigationBar leftTitle="我要发货"></navigationBar>
		<div class="content" :style="'padding-top: ' + (navigationBarHeight-1) + 'px;'">
			<div class="nav-list">
				<div class="nav-item">
					<div class="left">快递单号</div>
					<div class="right">
						<input type="text" v-model="formData.name" placeholder="请填写快递单号" />
					</div>
				</div>
				<div class="nav-item">
					<div class="left">快递公司</div>
					<div class="right">
						<input type="text" v-model="formData.name" placeholder="请选择快递公司" />
					</div>
				</div>
			</div>
			<div class="footer">
				<div class="btn" @click="submit">
					确认提交
				</div>
			</div>
		</div>

	</div>
</template>

<script>
	import data from '@/js/my/delivery/data.js';
	import methods from '@/js/my/delivery/methods.js';
	import {
		mapState
	} from 'vuex';
	import navigationBar from '../../components/navigationBar.vue';
	import evanSwitch from "@/components/evan-switch.vue";
	export default {
		data,
		methods,
		onLoad(e) {
			this.id = e.id;
			if (this.id) this.getPageData();

		},
		onShow() {},
		onHide() {},
		components: {
			navigationBar,
			evanSwitch,
		},
		computed: {
			...mapState(['navigationBarHeight'])
		}
	};
</script>
<style>
	page,
	uni-page {
		background: rgb(250, 250, 250) !important;
	}
</style>
<style scoped lang="scss">
	@import '~@/style/my/delivery.scss';
</style>